HTML - Elementos componentes do HTML 6
Como ficou definido no documento 2, os elementos html podem ser divididos nas seguintes classes :

Classes dos elementos HTML:

1-ELEMENTOS BÁSICOS: <body>
2-ELEMENTOS DE METADADOS: <base><head><link><meta><style>
3-ELEMENTOS DE SEÇÕES DE CONTEÚDO: <address><article><aside> <footer> <header><h1> a <h6><hgroup><nav>
4-ELEMENTOS DE CONTEÚDOS EM TEXTO: <dd><dl><dt><div><figure> <figcaption><hr><li><main><ol><p><pre><ul>
5-ELEMENTOS DE TEXTO EM LINHA: <a><abbr><b><br><cite><code> <data><dfn><em><i><kbd><mark><q><s><samp> <small><span><strong><sub><sup><time><u><var>
6-ELEMENTOS DE IMAGEM E MULTIMÍDIA: <img><area><audio><map><track><video>
7-ELEMENTOS DE CONTEÚDOS EMBARCADOS :<embed><object><param><source>
8-ELEMENTOS DE SCRIPT: <canvas><noscript><script>
9-ELEMENTOS DE MARCAÇÃO DE EDIÇÃO: <del> <ins>
10-ELEMENTOS DE CONTEÚDOS EM TABELA: <caption><col><colgroup><table> <tbody><td><tfoot><th><thead><tr>
11-ELEMENTOS DE FORMULÁRIO: <button><datalist><fieldset><form><input> <label><legend><meter><optgroup><option><output><progress> <select><textarea>
12-ELEMENTOS INTERATIVOS: <details><menu><menuitem><summary>


Neste documento discutiremos a classe 7-ELEMENTOS DE CONTEÚDOS EMBARCADOS.



<embed>

Define um contêiner para um aplicativo externo ou conteúdo interativo (um plug-in) como um flash player ou o quicktime.
Portanto para que muitos destes recursos funcionem os plugins que eles utilizam devem estar disponíveis e habilitados no browser senão nada será exibido.

Importante : Antes do html4 a tag embed era utilizada praticamente da maneira como é hoje mas no html4 esta tag ficou sem definição e por isso não deve ser usada nesta geração da linguagem.

Atributos:
Atributo Valor Descrição
altura pixels Especifica a altura do conteúdo incorporado
src url Especifica o endereço do arquivo externo a ser incorporado
type media_type Especifica o tipo de mídia do conteúdo incorporado
largura pixels Especifica a largura do conteúdo incorporado
Exemplo 1 (SWF): Como codificar: <embed src="../banners-swf/Banner1.swf">

Exemplo 1 (SWF): Como fica no browser:


Exemplo 2 (QUICKTIME): Como codificar: <embed type="video/quicktime" src="../videos/Exemplo.mov" width="320" height="240">

Exemplo 2 (QUICKTIME): Como fica no browser:


No Chrome o flash já esta bloqueado.
No Edge ele pede permissão para utilizar o flash para tocar o arquivo na página mas não funcionou.
Note que o Flash era um recurso instalado por fora do sistema operacional, um componente que era adicionado. Sem a instalação deste componente este recurso com certeza irá falhar.



<object>

Define um objeto incorporado em um documento HTML mas externo a página.
Este recurso permite chamar uma aplicativo instalado no cliente para fazer a tarefa de reproduzir uma midia de áudio ou vídeo entre outras utilidades.
Como um servidor web chamando uma aplicação dentro da máquina do cliente é um processo perigoso a maioria dos browsers não aceita mais esta tag.
Esse elemento era utilizado para incorporar multimídia (como áudio, vídeo, applets Java, ActiveX, PDF e Flash) nas suas páginas da web.
Você também podia usar esta tag para incorporar outra página da Web ao seu documento HTML.
Você pode usar a tag <param> para passar parâmetros para plug-ins que foram incorporados à tag <object>. Portanto, esta funcionalidade é muito parecida com a embed.
No HTML5 esta funcionalidade é feita diretamente pelo browser não havendo mais necessidade de chamar elementos externos a eles para fazer esta tarefa. Veja :

1 - Para reproduzir vídeo
2 - Para reproduzir audio
3 - Para abrir um documento PDF

Nota : Para abrir o documento PDF precisa ter um aplicativo que faça isso. Desde o windows 8 e graças a Adobe o padrão PDF passou a ser código livre e a Microsoft fez sua versão do Adobe Reader. Veja que o servidor não está chamando a aplicação que lê pdf no micro do cliente mas sim está baixando um arquivo pdf que o micro do cliente, se tiver a associação definida ( como abrir o pdf com que aplicativo ), ele irá automaticamente abrir o aplicativo e exibir o documento pdf.



Exemplo 1 - Abrindo documento PDF da maneira antiga - com a tag object - Codigo:
<object width="1000" height="800" data="../pdfs/WEB/CMS.pdf"></object>


Exemplo 1 - Abrindo PDF com Object - Como é exibido pelo browser:

Note que o Chrome nem sequer exibe o link para o documento com a tag object mas com um link comum (acima) tudo bem.



Exemplo 2 (SWF): Como codificar Flash Player:
<object data="../banners-swf/Banner1.swf" width="600" height="800" type="application/x-shockwave-flash">
    Instale o plugin Shockwave para assistir este filme.
</object>

Exemplo 2 (SWF): Como o browser exibe:
Instale o plugin Shockwave para assistir este filme.



<param>

Serve para enviar dados para a tag object. Veja a tag acima.



<source>

A tag HTML <source> é usada para especificar vários recursos de mídia em elementos de mídia (como <audio> e <video>).
Esse elemento permite especificar arquivos de vídeo e áudio alternativos que o navegador pode escolher, com base em seu tipo de mídia ou suporte a codec.
A tag <source> foi introduzida no HTML 5.
Esta tag é utilizada em conjunto com a tag audio.

Codificação :
<audio controls>
    <source src="../audios/Ring08.wav" type="audio/mpeg">
    Seu browser não suporta elementos de audio.
</audio>

Como o browser exibe :